<div class="dream-grid dream-grid-about">
  {{ with site.GetPage "/about" }}
  {{ $aboutPages := .Resources.ByType "page" }}
  {{ range (sort $aboutPages "Date" "asc") }}
  <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 dream-column">
    <article
      class="card card-compact bg-base-100 hover:bg-base-content/10 shadow-xl dark:border dark:border-base-content/30"
    >
      <div class="card-body">
        <div class="card-title">{{ .Title }}</div>

        <div class="prose dark:prose-invert">
          {{ .Content | emojify }}
        </div>
      </div>
    </article>
  </div>
  {{ end }}
  {{ end }}

  {{ if (fileExists "data/socials.toml") }}
  <div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 dream-column">
    <article
      class="card card-compact bg-base-100 hover:bg-base-content/10 shadow-xl dark:border dark:border-base-content/30"
    >
      <div class="card-body">
        <div class="card-title">{{ T "socialLinks" }}</div>

        {{ partialCached "socials.html" . }}
      </div>
    </article>
  </div>
  {{ end }}

  {{ if and site.Config.Services.Disqus.Shortname .IsHome }}
  <div class="w-full md:w-1/2 p-4 dream-column">
    <article
      class="card card-compact bg-base-100 shadow-xl dark:border dark:border-base-content/30"
    >
      <div class="card-body">
        {{ partial "disqus.html" (dict "Context" . "Identifier" "/") }}
      </div>
    </article>
  </div>
  {{ end }}
</div>
